/* 动态列表子弹流辅助线 */


.seam(@subtype) {
    &[data-subtype="@{subtype}"]:hover>.protyle-action::before {
        /* 与本层节点的接缝 */
        right: var(e(%("--custom-list-guides-line-right-%s", @subtype)));
    }
}

.protyle-wysiwyg {
    .list[data-node-id][custom-list-guides] {
        .list[data-node-id] {
            >.li[data-node-id] {
                &:hover {
                    >.protyle-action::before {
                        /* 子弹流弧线 */
                        content: "";
                        left: calc(16px - 2em);
                        bottom: calc(2px + 7em / 8);
                        position: absolute;
                        border-left: var(--custom-list-guides-line-width) solid var(--custom-striking-color);
                        border-bottom: var(--custom-list-guides-line-width) solid var(--custom-striking-color);
                        border-bottom-left-radius: var(--custom-list-guides-line-radius);
                    }
                }

                .seam(t);
                .seam(u);
                .seam(o);

            }

            >[data-node-id] {
                &::before {
                    /* 子弹流直线 */
                    content: "";
                    left: calc(16px - 2em);
                    bottom: 0;
                    position: absolute;
                    border-left: var(--custom-list-guides-line-width) solid transparent;
                }
            }

            >.li[data-node-id]:hover>.protyle-action::before,
            >[data-node-id]::before {
                /* 与上层节点的接缝 */
                top: var(--custom-list-guides-line-top);
            }
        }

        .li[data-node-id] {
            &:hover {
                >.protyle-action {
                    color: var(--custom-list-item-color);
                }

                >[data-node-id] {
                    &:not(:hover)::before {
                        /* 修复列表项内具有多个块级元素时高亮辅助线不显示 */
                        border-left: var(--custom-list-guides-line-width) solid var(--custom-striking-color);
                    }

                    &:hover~[data-node-id]::before {
                        /* 修复列表项内具有多个块级元素时高亮辅助线不显示 */
                        border-left: var(--custom-list-guides-line-width) solid var(--custom-list-guides-line-color);
                    }
                }
            }

            .list[data-node-id]:hover {
                >[data-node-id] {
                    &:not(:hover)::before {
                        /* 修复列表项内具有多个块级元素时高亮辅助线不显示 */
                        border-color: var(--custom-striking-color);
                    }

                    &:hover~[data-node-id]::before {
                        /* 修复列表项内具有多个块级元素时高亮辅助线不显示 */
                        border-color: transparent;
                    }
                }
            }
        }
    }
}
